<template>
  <view class="container">
    <!-- 导航栏 -->
    <NavBar
      :title="Title"
      @clickRightFn="clickRightFn"
      iconClass="icon-shenglvehao"
    />
    <view class="show_btns" v-show="isShowBtns">
      <view
        class="show_btns_item"
        v-for="(i, index) in btns"
        :key="index"
        @click="clickBtns(i)"
      >
        <image :src="i.icon" style="width: 60rpx; height: 60rpx"></image>
        {{ i.title }}
      </view>
    </view>
    <view class="lists">
      <!-- 宣传通讯列表 -->
      <view class="" v-if="isTongXun">
        <view class="show_list" v-if="total">
          <view
            :class="isShowCheckBox ? 'list_item' : ''"
            v-for="(i, index) in UploadListArr"
            :key="index"
            :style="isShowCheckBox ? 'left: 80rpx' : ''"
            @click="tongXunClick(i)"
          >
            <radio-group
              v-if="isShowCheckBox"
              class="checkbox_group"
              :data-item="i"
              @change="checkboxChange"
            >
              <label>
                <radio
                  :value="index"
                  :checked="i.isChoose"
                  :color="!allChooseType ? 'red' : '#3B95FF'"
                />
              </label>
            </radio-group>
            <DayList
              :dayListObj="i"
              :isTongXun="isTongXun"
              style="margin-left: 20rpx"
            />
          </view>
        </view>
        <view v-else>
          <NoData />
        </view>
      </view>
      <!-- 活动台账列表 -->
      <view class="" v-else>
        <view v-show="!isHow">
          <view class="show_list" v-if="total2">
            <view
              :class="isShowCheckBox ? 'list_item' : ''"
              v-for="(i, index) in LedgerListArr"
              :key="index"
              :style="isShowCheckBox ? 'left: 80rpx' : ''"
            >
              <radio-group
                v-if="isShowCheckBox"
                class="checkbox_group"
                :data-item="i"
                @change="checkboxChange"
              >
                <label>
                  <radio
                    :value="index"
                    :checked="i.isChoose"
                    :color="!allChooseType ? 'red' : '#3B95FF'"
                  />
                </label>
              </radio-group>
              <DayList
                :dayListObj="i"
                :isTongXun="isTongXun"
                style="margin-left: 20rpx"
                @click="clickTaiZhang(i)"
              />
            </view>
          </view>
          <view v-else>
            <NoData />
          </view>
        </view>
        <!-- 上传的心得列表 -->
        <view v-show="isHow">
          <view class="show_list" v-if="total3">
            <view
              :class="isShowCheckBox ? 'list_item' : ''"
              v-for="(i, index) in xinListArr"
              :key="index"
              :style="isShowCheckBox ? 'left: 80rpx' : ''"
            >
              <radio-group
                v-if="isShowCheckBox"
                class="checkbox_group"
                :data-item="i"
                @change="checkboxChange"
              >
                <label>
                  <radio
                    :value="index"
                    :checked="i.isChoose"
                    :color="!allChooseType ? 'red' : '#3B95FF'"
                  />
                </label>
              </radio-group>
              <XinDeItem
                :dayListObj="i"
                style="margin-left: 20rpx"
                @click="clickXinde(i)"
              />
            </view>
          </view>
          <view v-else>
            <NoData />
          </view>
        </view>
      </view>
    </view>

    <!-- 下载删除按钮 -->
    <view class="all_btn" v-if="isShowCheckBox">
      <radio-group :data-item="item" @change="checkAll">
        <label>
          <radio
            value="allChoose"
            :checked="isAllChoose"
            :color="!allChooseType ? 'red' : '#3B95FF'"
          />
          <text v-if="isAllChoose"> 全不选 </text>
          <text v-else> 全选 </text>
        </label>
      </radio-group>
      <button
        type="warn"
        style="background: #ccc"
        @click="resetAll"
        class="del-btn"
      >
        取消
      </button>
      <button
        type="warn"
        style="background: #e86565"
        @click="delAllFn"
        class="del-btn reset_btn"
        :disabled="!delArr.length"
        v-if="!allChooseType"
      >
        删 除
      </button>
      <button
        v-else
        type="warn"
        style="background: #3b95ff"
        @click="doanloadAllFn"
        class="del-btn reset_btn"
        :disabled="!delArr.length"
      >
        下 载
      </button>
    </view>
  </view>
</template>

<script>
import NavBar from "@/components/NavBar.vue";
import NoData from "@/components/NoData.vue";
import DayList from "./daylist.vue";
import XinDeItem from "./xindeItem.vue";
import { downLoadFiles } from "../../utils/dowmloadFile.js";

import {
  apiUploadList, //宣传通讯列表
  apiActivityLedgerList, //活动台账列表
  apiDeleteLedgerItem, //台账删除
  apiDeleteUpload, // 通讯删除
} from "../../net/dagnqunhuodong.js";
import {
  apiXindeList, // 学习心得列表
  apiDeleteUploadXue, // 5 上传批量删除
  apiClickDown,
} from "../../net/educationalLearning.js";

export default {
  components: {
    NavBar,
    NoData,
    DayList,
    XinDeItem,
  },
  data() {
    return {
      isAdmin: false,
      pageIndex: 0,
      total3: 0,
      xinListArr: [],
      isHow: true,
      allChooseType: true, // 是下载还是删除？
      delArr: [], //删除元素id
      isShowCheckBox: false,
      isTongXun: true,
      btns: [
        {
          index: 0,
          title: "上传",
          icon: "../../static/dangjian/upload.png",
          path: "DJUploadCommunication",
        },
      ],
      isShowBtns: false,
      Title: "",
      typeId: 1,
      UploadListArr: [],
      LedgerListArr: [],
      items: ["全部", "未开始", "进行中", "已结束"],
      current: 0,

      total: 0,
      total2: 0,
      params: {
        pageNum: 1,
        pageSize: 10,
        djDeptId: JSON.parse(uni.getStorageSync("loginUserInfo")).djDeptId,
      },
      params2: {
        pageNum: 1,
        pageSize: 10,
        djDeptId: JSON.parse(uni.getStorageSync("loginUserInfo")).djDeptId,
      },
      params3: {
        pageNum: 1,
        pageSize: 10,
        learningType: 5,
        // status: 1,
        userId: JSON.parse(uni.getStorageSync("loginUserInfo")).uid,
      },
      identityInfo: 0, //判断身份信息
    };
  },

  onLoad(options) {
    this.btns = [
      {
        index: 0,
        title: "上传",
        icon: "../../static/dangjian/upload.png",
        path: "",
        // path: 'DJUploadCommunication'
      },
    ];
    if (typeof options != "{}") {
      let data = JSON.parse(options.data);
      this.Title = data.title;
      this.pageIndex = data.index;
      this.isAdmin = data.isAdmin ? true : false;
      // index, 0 宣传通讯 1 活动台账 2 学习心得
    }
    // 获取当前登录人身份信息
    this.identityInfo = uni.getStorageSync("identityInfo");
  },

  onShow() {
    console.log(this.pageIndex, "pageIndex");
    if (this.pageIndex == 0) {
      this.isTongXun = true;
      this.UploadListArr = [];
      this.getUploadList();
    } else if (this.pageIndex == 1) {
      this.isTongXun = false;
      this.isHow = false;
      this.LedgerListArr = [];
      this.getActivityLedgerList();
    } else if (this.pageIndex == 2) {
      this.isTongXun = false;
      this.isHow = true;
      this.xinListArr = [];
      this.getUploadHistoryList();
    }
  },
  methods: {
    // 单击宣传通讯跳转
    tongXunClick(i) {
      uni.navigateTo({
        url: `../DJUploadCommunication/index?itemParams=${JSON.stringify(i)}`,
      });
    },
    // 预览学习心得
    clickXinde(i) {
      uni.setStorage({
        key: "itemParams",
        data: JSON.stringify(i),
      });
      uni.navigateTo({
        url: "../DJjiaoyuxuexi/xinde/list?flag=false",
      });
    },

    clickTaiZhang(i) {
      uni.setStorageSync("itemParams", JSON.stringify(i));
      setTimeout(() => {
        uni.navigateTo({
          url: "../DJinitiateActivitiesInfos/index?from=taiZhang",
        });
      }, 0);
    },

    checkboxChange(e) {
      console.log(e.currentTarget.dataset.item);
      let item = e.currentTarget.dataset.item;
      let index = e.detail.value;
      let id;
      if (this.pageIndex == 0) {
        id = item.ledgerId;
        this.UploadListArr[index].isChoose =
          !this.UploadListArr[index].isChoose;
      } else if (this.pageIndex == 1) {
        id = item.djBookId;
        this.LedgerListArr[index].isChoose =
          !this.LedgerListArr[index].isChoose;
      } else if (this.pageIndex == 2) {
        id = item.djStudyId;
        this.xinListArr[index].isChoose = !this.xinListArr[index].isChoose;
      }

      let isHas = this.delArr.indexOf(id) == -1 ? false : true;

      if (isHas) {
        for (let i = 0; i < this.delArr.length; i++) {
          if (id == this.delArr[i]) {
            this.delArr.splice(i, 1);
          }
        }
      } else {
        this.delArr.push(id);
      }

      // 全选与全不选
      if (this.pageIndex == 0) {
        this.isAllChoose =
          this.delArr.length == this.UploadListArr.length ? true : false;
      } else if (this.pageIndex == 1) {
        this.isAllChoose =
          this.delArr.length == this.LedgerListArr.length ? true : false;
      } else if (this.pageIndex == 2) {
        this.isAllChoose =
          this.delArr.length == this.xinListArr.length ? true : false;
      }
    },

    // 删除选中
    delAllFn() {
      let data = this.delArr.join(",");
      console.log(data);
      // isTongXun true 宣传通讯列表
      if (this.pageIndex == 0) {
        apiDeleteUpload(data)
          .then((res) => {
            console.log(res);
            // if (res.code == 0) {
            this.total2 = 0;
            this.params.pageNum = 1;
            this.UploadListArr = [];
            this.delArr = [];
            this.getUploadList();
            this.resetAll();
            // }
          })
          .catch((err) => {
            console.log(err);
          });
      } else if (this.pageIndex == 1) {
        apiDeleteLedgerItem(data)
          .then((res) => {
            this.total2 = 0;
            this.LedgerListArr = [];
            this.params2.pageNum = 1;
            this.delArr = [];
            this.getActivityLedgerList();
            this.resetAll();
          })
          .catch((err) => {
            console.log(err);
          });
      } else if (this.pageIndex == 2) {
        apiDeleteUploadXue(data)
          .then((res) => {
            this.total3 = 0;
            this.xinListArr = [];
            this.params3.pageNum = 1;
            this.delArr = [];
            this.getUploadHistoryList();
            this.resetAll();
          })
          .catch((err) => {
            console.log(err);
          });
      }
    },

    // 下载
    doanloadAllFn() {
      console.log(this.Title);
      let urlArr = [];
      let Arr = [];
      let djStudyIdArr = [];
      let fileName = [];

      if (this.pageIndex == 0) {
        Arr = this.UploadListArr;
      } else if (this.pageIndex == 1) {
        Arr = this.LedgerListArr;
      } else if (this.pageIndex == 2) {
        Arr = this.xinListArr;
      }
      // console.log(this.xinListArr);
      // console.log(this.delArr);

      for (let i = 0; i < Arr.length; i++) {
        for (let j = 0; j < this.delArr.length; j++) {
          console.log(Arr[i].djStudyId, this.delArr[j]);
          if (
            Arr[i].ledgerId == this.delArr[j] ||
            Arr[i].djBookId == this.delArr[j] ||
            Arr[i].djStudyId == this.delArr[j]
          ) {
            // 学习心得
            if (this.pageIndex == 2) {
              console.log(Arr[i]);
              let data = JSON.parse(Arr[i].fileUrl);
              for (let i = 0; i < data.length; i++) {
                urlArr.push(data[i].accessoryUrl);
                djStudyIdArr.push(Arr[i].djStudyId);
                fileName.push(data[i]);
              }
            } else {
              let data = JSON.parse(Arr[i].accessoryUrl);
              for (let i = 0; i < data.length; i++) {
                urlArr.push(data[i].accessoryUrl);
                fileName.push(data[i]);
              }
              // urlArr.push(JSON.parse(Arr[i].accessoryUrl)[0].accessoryUrl);
              // fileName.push(JSON.parse(Arr[i].accessoryUrl)[0]);
            }
          }
        }
      }

      // 党员下载学习心得列表
      if (this.pageIndex == 2) {
        console.log(Arr);
        let data = {
          status: 2,
          // djStudyId: this.videoInfo.djStudyId,
          userId: JSON.parse(uni.getStorageSync("loginUserInfo")).uid,
          number: 1,
        };
        for (let i = 0; i < djStudyIdArr.length; i++) {
          console.log(djStudyIdArr[i]);
          data.djStudyId = djStudyIdArr[i];
          apiClickDown(data)
            .then((res) => {})
            .catch((err) => {
              console.log(err);
              uni.showToast({
                title: "下载失败",
                mask: true,
                icon: "error",
                duration: 1000,
              });
            });
        }
      }
      console.log(urlArr, fileName);

      downLoadFiles(urlArr, fileName);

      setTimeout(() => {
        this.isShowCheckBox = false;
      }, 1000);
      // for (let k = 0; k < urlArr.length; k++) {
      // 	downLoadFiles(urlArr[k]);
      // }

      // if (this.isTongXun) {
      // 	id = e.target.dataset.item.ledgerId;
      // } else {
      // 	id = e.target.dataset.item.djBookId;
      // }
    },
    // doanloadAllFn.onProgressUpdate((res) => {
    // 	console.log('下载进度' + res.progress);
    // 	console.log('已经下载的数据长度' + res.totalBytesWritten);
    // 	console.log('预期需要下载的数据总长度' + res.totalBytesExpectedToWrite);

    // 	// 满足测试条件，取消下载任务。
    // 	if (res.progress > 50) {
    // 		downloadTask.abort();
    // 	}
    // }),

    // 点击取消按钮
    resetAll() {
      this.allChooseType = true;
      this.isShowCheckBox = false;
      this.isAllChoose = false;
      for (let i = 0; i < this.UploadListArr.length; i++) {
        this.UploadListArr[i].isChoose = false;
      }
      for (let i = 0; i < this.LedgerListArr.length; i++) {
        this.LedgerListArr[i].isChoose = false;
      }
      for (let i = 0; i < this.xinListArr.length; i++) {
        this.xinListArr[i].isChoose = false;
      }
    },

    // 全选/全不选
    checkAll() {
      console.log(this.isAllChoose);

      this.delArr = [];

      if (this.pageIndex == 0) {
        console.log(this.UploadListArr);
        if (!this.isAllChoose) {
          for (let i = 0; i < this.UploadListArr.length; i++) {
            this.UploadListArr[i].isChoose = true;
            this.delArr.push(this.UploadListArr[i].ledgerId);
          }
        } else {
          for (let i = 0; i < this.UploadListArr.length; i++) {
            this.UploadListArr[i].isChoose = false;
          }
        }
        this.isAllChoose = !this.isAllChoose;
      } else if (this.pageIndex == 1) {
        console.log(this.LedgerListArr);
        if (!this.isAllChoose) {
          for (let i = 0; i < this.LedgerListArr.length; i++) {
            this.LedgerListArr[i].isChoose = true;
            this.delArr.push(this.LedgerListArr[i].djBookId);
          }
        } else {
          for (let i = 0; i < this.LedgerListArr.length; i++) {
            this.LedgerListArr[i].isChoose = false;
            // this.delArr.push(this.LedgerListArr[i].dqActivityId);
          }
        }

        // if (!this.isAllChoose) {
        //   for (let i = 0; i < this.UploadListArr.length; i++) {
        //     this.UploadListArr[i].isChoose = true;
        //     this.delArr.push(this.UploadListArr[i].ledgerId);
        //   }
        // } else {
        //   for (let i = 0; i < this.UploadListArr.length; i++) {
        //     this.UploadListArr[i].isChoose = false;
        //   }
        // }
        this.isAllChoose = !this.isAllChoose;
      } else if (this.pageIndex == 2) {
        console.log(this.pageIndex, this.isAllChoose);
        if (!this.isAllChoose) {
          for (let i = 0; i < this.xinListArr.length; i++) {
            this.xinListArr[i].isChoose = true;
            this.delArr.push(this.xinListArr[i].djStudyId);
          }
        } else {
          for (let i = 0; i < this.xinListArr.length; i++) {
            this.xinListArr[i].isChoose = false;
          }
        }
        this.isAllChoose = !this.isAllChoose;
      }
    },

    // 跳转页面
    clickBtns(item) {
      console.log(this.isTongXun, item);
      this.delArr = [];
      this.isShowBtns = false;
      this.isAllChoose = false;

      if (this.isTongXun) {
        if (item.path) {
          uni.navigateTo({
            url: "../DJUploadCommunication/index",
          });
        } else {
          this.isShowCheckBox = true;
          this.allChooseType = item.index == 1 ? true : false;
        }
        this.isShowBtns = false;
      } else {
        if (item.index == 0) {
          if (this.pageIndex == 2) {
            uni.navigateTo({
              url: "../DJjiaoyuxuexi/xinde/list",
            });
          } else {
            uni.navigateTo({
              url: "../DJUploadTaiZhang/index",
            });
          }
        } else {
          this.isShowCheckBox = true;
          this.allChooseType = item.index == 1 ? true : false;
        }
        this.isShowBtns = false;
      }

      if (this.pageIndex == 0) {
        for (let i = 0; i < this.UploadListArr.length; i++) {
          this.UploadListArr[i].isChoose = false;
        }
      } else if (this.pageIndex == 1) {
        for (let i = 0; i < this.LedgerListArr.length; i++) {
          this.LedgerListArr[i].isChoose = false;
        }
      } else {
        for (let i = 0; i < this.xinListArr.length; i++) {
          this.xinListArr[i].isChoose = false;
        }
      }

      // if(this.pageIndex == 0) {
      //               for (let i = 0; i < this.UploadListArr.length; i++) {
      //               this.UploadListArr[i].isChoose = false;
      //             } } else if(this.pageIndex==2) {
      //                             for (let i = 0; i < this.xinListArr.length; i++) {
      //                 this.xinListArr[i].isChoose = false;
      //               }
      //             } else if(this.pageIndex==1) {
      //                           for (let i = 0; i < this.LedgerListArr.length; i++) {
      //               this.LedgerListArr[i].isChoose = false;
      //             }
      //             }
      // }
    },

    // 获取宣传通讯列表
    getUploadList() {
      this.btns = [
        {
          index: 0,
          title: "上传",
          icon: "../../static/dangjian/upload.png",
          path: "DJUploadCommunication",
        },
      ];
      apiUploadList(this.params)
        .then((res) => {
          if (res.code == 0) {
            this.total = res.total;
            this.UploadListArr = this.UploadListArr.concat(res.data);
            for (let i = 0; i < this.UploadListArr.length; i++) {
              this.UploadListArr[i].isChoose = false;
            }
            if (res.total) {
              this.btns.push(
                {
                  index: 1,
                  title: "下载",
                  icon: "../../static/dangjian/download.png",
                  path: "",
                },
                {
                  index: 2,
                  title: "删除",
                  icon: "../../static/dangjian/del.png",
                  path: "",
                }
              );
            }
            uni.stopPullDownRefresh();
          } else {
            uni.stopPullDownRefresh();
          }
        })
        .catch((err) => {
          console.log(err);
          uni.stopPullDownRefresh();
        });
    },

    // 获取上传的心得列表
    getUploadHistoryList() {
      this.btns = [
        {
          index: 0,
          title: "上传",
          icon: "../../static/dangjian/upload.png",
          path: "",
        },
      ];
      const uid = JSON.parse(uni.getStorageSync("loginUserInfo")).uid;
      apiXindeList(this.params3)
        .then((res) => {
          console.log(res.data, "res.data");
          if (res.code === 0 && res.data.length) {
            this.total3 = res.total;
            // for(let i=0;i<res.data.length;) {}
            if (this.isAdmin) {
              res.data.forEach((item) => {
                if (item.userId == uid) {
                  this.xinListArr.push(item);
                }
              });
            } else {
              this.xinListArr = res.data;
            }
            console.log(this.isAdmin, this.xinListArr.length);

            if (this.xinListArr.length) {
              for (let i = 0; i < this.xinListArr.length; i++) {
                this.xinListArr[i].isChoose = false;
              }
              this.btns.push(
                {
                  index: 1,
                  title: "下载",
                  icon: "../../static/dangjian/download.png",
                  path: "",
                },
                {
                  index: 2,
                  title: "删除",
                  icon: "../../static/dangjian/del.png",
                  path: "",
                }
              );
            }
          } else {
            this.total3 = 0;
            this.xinListArr = [];
          }
          uni.stopPullDownRefresh();
        })
        .catch((err) => {
          console.log(err);
          this.total3 = 0;
          this.xinListArr = [];
          uni.stopPullDownRefresh();
        });
    },

    // 活动台账列表
    getActivityLedgerList() {
      this.btns = [
        {
          index: 0,
          title: "上传",
          icon: "../../static/dangjian/upload.png",
          path: "DJUploadCommunication",
        },
      ];
      apiActivityLedgerList(this.params2)
        .then((res) => {
          if (res.code == 0) {
            this.total2 = res.total;
            this.LedgerListArr = this.LedgerListArr.concat(res.data);
            for (let i = 0; i < this.LedgerListArr.length; i++) {
              this.LedgerListArr[i].isChoose = false;
            }
            if (res.total) {
              this.btns.push(
                {
                  index: 1,
                  title: "下载",
                  icon: "../../static/dangjian/download.png",
                  path: "",
                },
                {
                  index: 2,
                  title: "删除",
                  icon: "../../static/dangjian/del.png",
                  path: "",
                }
              );
            }
            uni.stopPullDownRefresh();
          } else {
            uni.stopPullDownRefresh();
          }
        })
        .catch((err) => {
          console.log(err);
          uni.stopPullDownRefresh();
        });
    },

    clickRightFn() {
      this.isShowBtns = !this.isShowBtns;
    },
  },
  // 下拉刷新
  onPullDownRefresh() {
    if (this.pageIndex == 0) {
      this.params.pageNum = 1;
      this.total = 0;
      this.btns = [
        {
          index: 0,
          title: "上传",
          icon: "../../static/dangjian/upload.png",
          path: "",
        },
      ];
      this.UploadListArr = [];
      this.getUploadList();
    } else if (this.pageIndex == 1) {
      this.btns = [
        {
          index: 0,
          title: "上传",
          icon: "../../static/dangjian/upload.png",
          path: "",
        },
      ];
      this.params2.pageNum = 1;
      this.total2 = 0;
      this.LedgerListArr = [];
      this.getActivityLedgerList();
    } else if (this.pageIndex == 2) {
      this.btns = [
        {
          index: 0,
          title: "上传",
          icon: "../../static/dangjian/upload.png",
          path: "",
        },
      ];
      this.params2.pageNum = 1;
      this.total2 = 0;
      this.xinListArr = [];
      this.getUploadHistoryList();
    }
  },
  // 上拉加载
  onReachBottom() {
    if (this.isTongXun) {
      if (this.params.pageNum * this.params.pageSize >= this.total) {
        uni.showToast({
          title: "数据全部加载",
          duration: 2000,
        });
        return;
      } else {
        this.params.pageNum++;
        this.getUploadList();
      }
    } else {
      if (this.params2.pageNum * this.params2.pageSize >= this.total2) {
        uni.showToast({
          title: "数据全部加载",
          duration: 2000,
        });
        return;
      } else {
        this.params2.pageNum++;
        this.getActivityLedgerList();
      }
    }
  },
};
</script>

<style>
page {
  background: #f9f9f9;
}

.container {
  width: 750rpx;
  height: calc(100vh - 200rpx);
  padding-bottom: 20rpx;
  font-size: 30rpx;
}

.lists {
  width: 100%;
  height: 100vh;
}

.nva_bar {
  width: 750rpx;
  height: 180rpx;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.nva_bar view {
  width: 340rpx;
  height: 140rpx;
  line-height: 140rpx;
  text-align: center;
  background: url("../../static/dangjian/day_bg.png") no-repeat;
  background-size: 100% 100%;
  font-size: 32rpx;
  font-weight: bold;
  color: #3b95ff;
}

.type {
  width: 33.33%;
  text-align: center;
  margin: 30rpx 0;
}

.type img {
  width: 70rpx;
  height: 70rpx;
  border-radius: 50%;
}

.content {
  padding: 0 20rpx;
}

.show_btns {
  position: fixed;
  z-index: 100;
  right: 24rpx;
  top: 150rpx;
  width: 160rpx;
  max-height: 200rpx;
  background: #ffffff;
  box-shadow: 0 4rpx 8rpx 0 rgba(0, 0, 0, 0.05);
  border-radius: 8rpx;
  border: 1px solid #d6dbe3;
  font-size: 30rpx;
}

.show_btns_item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.list_item {
  width: 100%;
  display: flex;
  align-items: center;
  margin-left: 40rpx;
}

/* 全选 */
.all_btn {
  position: fixed;
  z-index: 10;
  bottom: 0%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24rpx;
  box-sizing: border-box;

  width: 750rpx;
  height: 120rpx;
  background: #ffffff;
  border-top: 1px solid #ebedf1;
}

.all_btn .del-btn {
  margin: 0;
  width: 250rpx;
  height: 88rpx;
  background: #e86565;
  border-radius: 8rpx;
}

.all_btn .reset_btn {
  background: #ccc;
}

::v-deep .uni-checkbox-input {
  border-radius: 50%;
}

::v-deep .uni-forms-item__label {
  font-size: 32rpx !important;
  color: #000 !important;
}

::v-deep .uni-select__input-text,
::v-deep .uni-textarea-textarea {
  color: #999 !important;
  font-size: 28rpx;
}
</style>
